﻿
@{
    ViewBag.Title = "Login";
    Layout = null;
}
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>登录</title>
    @* bootstrap引入 *@
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
    <div style="text-align: center; width:600px;height:600px; margin:0 auto;background-color:#BDBDBD">
        <div style="width: 300px; height: auto; margin:0 auto;">
            @* action属性值是接收页面参数的函数名称 *@
            <form action="~/Controllers/Account/Login" class="bs-example bs-example-form" role="form" style="text-align:center;">
                <div class="input-group" style="padding-top: 100px;">
                    <span class="input-group-addon">用户</span>
                    <input type="text" class="form-control" id="uid" placeholder="请输入账号...">
                </div>
                <div class="input-group">
                    <span class="input-group-addon">密码</span>
                    <input type="text" class="form-control" id="pwd" placeholder="请输入密码...">
                </div>
                <div class="form-check" style="margin:20px;">
                    <input type="radio" class="form-check-input" id="radio1" value="option1" checked>管理员
                    <input style="margin-left:30px;" type="radio" class="form-check-input" id="radio1" value="option1" checked>版主
                    <input style="margin-left:30px;" type="radio" class="form-check-input" id="radio1" value="option1" checked>会员
                </div>
                <input type="button" class="btn btn-success btn-lg btn-block" value="登录">
            </form>
        </div>
    </div>
    @* 引入bootstrap（顺序不能变） *@
    <script src="~/Scripts/jquery-1.9.1.min.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
</body>
</html>

